import './index.less'

const UnderstandingOfVue = () => {
    return (<div>
        话术一
        <h1>对vue的理解</h1>
        <p>第一呢，它是渐进式的javaScript框架</p>
        <p>第二呢，核心库加插件形式</p>
        <p>第三呢，动态创建用户界面</p>
        <h2>它的几个特点</h2>
        <p>第一,它是MVVM模式</p>
        <p>第二,它的代码简洁、体积小、能够提高运行效率</p>
        <p>第三,它适合pc端和移动端上的开发</p>
        <p>第四,它本身只关注ui和react比较相似</p>
        <p>第五,它可以轻松的引入vue插件、以及其他的第三方库进行开发</p>
        话术二
        <p>你可以说vue，它是借鉴了angular的模板、还有数据绑定技术、然后又借鉴了react的组件化和虚拟dom技术
            <em>（前提要知道数据绑定、虚拟dom这些知识）</em></p>
        --------------------------------------------------
        接着提问：<h1>你知道什么是MVVM吗</h1>
        <p>MVVM全称是Model View ViewModel</p>
        <p>那么Model很好理解就是数据层</p>
        <p>View就是视图层，然后ViewModel 它是连接Model和view 它们之间的一个桥梁</p>
        <p>那么当数据发生变化改变更新的时候，它会通过ViewModel然后通知View 来进行一个视图层的展示改变</p>
        <p>那么同时视图层发生改变，也会通过VIewModel然后通知Model层改变数据</p>
        ·
    </div>)
}

export default UnderstandingOfVue

